<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <!-- <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div id="header" class="lg-container">
        <img src="./images/logo.jpg" alt="">
        <div class="logo-txt">
            <div class="logo-left">
                <p><span></span></p>
            </div>
            <div class="logo-right">
                <div>
                    <p>咨询电话</p>
                    <p>1878020345</p>
                </div>
            </div>
        </div>
    </div>
    <div id="background">
        <!-- 模板 -->
        <div class="muban">
            <div class="login-xxk">
                <div class="Direct-login">直接登录</div>
                <div class="NoPassword">手机无密码登录</div>
            </div>
            <div class="xxk1">
                <form action="" id="myform">
                    <div class="user clearfix">
                        <input type="text" placeholder="用户名/邮箱/手机号/" class="fl" name="username" required>
                        <span class="zhanghu fl"><img src="./images/zhanghu.jpg" alt=""></span>
                    </div>
                    <div class="pwd clearfix">
                        <input type="password" placeholder="密码" class="fl" name="password" required>
                        <span class="zhanghu fl"><img src="./images/mima.jpg" alt=""></span>
                    </div>
                </form>

                <button type="submit" class="login-btn">登录</button>

                <div class="Other">
                    <a href="#">忘记密码</a>
                    <a href="#">注册账号</a>
                </div>
                <div class="Third">
                    <p>第三方登录:</p>
                    <ul>
                        <a href="#"><img src="./images/qq.png" alt=""></a>
                        <a href="#"><img src="./images/weixin.png" alt=""></a>
                        <a href="#"><img src="./images/weibo.png" alt=""></a>
                        <a href="#"><img src="./images/zhifubao.png" alt=""></a>
                    </ul>
                    <span>&gt;&gt;</span>
                </div>
            </div>
            <div class="login-img"><img src="./images/login1.png" alt=""></div>
            <div class="xxk2">
                <div class="xxk-txt">
                    <img src="./images/saoyisao.png" alt="">
                    <div>
                        <p>打开xxxxx</p>
                        <p>扫一扫登录</p>
                    </div>
                </div>
                <div class="wodeerweima"><img src="./images/myerweima.png" alt=""></div>
                <a href="#">点击下载app</a>
            </div>
        </div>
    </div>
    <!-- 脚部 -->
    <footer class="lg-container">
        <div class="footer-top">
            <ul>
                <li class="clearfix">
                    <img class="fl" src="./images/footer1.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">正品保障</h4>
                        <p class="fs14 col-d6d6d6">正品行货&emsp;放心选购</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer2.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">满86包邮</h4>
                        <p class="fs14 col-d6d6d6">满86元&emsp;免运费</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer3.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">售后无忧</h4>
                        <p class="fs14 col-d6d6d6">七天无理由退货</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer4.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">准时送达</h4>
                        <p class="fs14 col-d6d6d6">收货时间由你做主</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="footer-bottom">
            <!-- 左 -->
            <div class="fb-left clearfix">
                <ul class="list4">
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">订单服务</a></li>
                    <li><a href="#">退换货</a></li>
                </ul>
                <ul class="list5  fl">
                    <li><a href="#">购物路程</a></li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">退货流程</a></li>
                    <li><a href="#">退货政策</a></li>
                </ul>
                <ul class="list6  fl">
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">网上支付</a></li>
                    <li><a href="#">订单状态说明</a></li>
                    <li><a href="#">自动退换货</a></li>
                </ul>
                <ul class="list7 fl">
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">礼品卡支付</a></li>
                    <li><a href="#">自动取消订单</a></li>
                    <li><a href="#">自动退货流程</a></li>
                </ul>
            </div>
            <!-- 右 -->
            <div class="fb-right">
                <ul>
                    <li>
                        <h5>App更优惠</h5>
                        <img src="./images/qryhd.png" alt="">
                    </li>
                    <li>
                        <h5>加微信查订单</h5>
                        <img src="./images/qryhd.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-txt">
            <p>沪ICP备XXXXXXXXXXXXX号 | 经营证明 |互联网药品信息服务资格证(沪)-2017-0006 |违法和不良信息举报电话:xxx-xxxxxxxx | 沪B2-xxxxxxx</p>
            <p>沪公网安备 xxxxxxxx号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div>
                <ul>
                    <li>
                        <img src="./images/showlogo1.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo2.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo3.png" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo4.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo5.png" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo6.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </footer>
</body>
<script src="./lib/jquery/jquery.min.js"></script>
<!-- <script src="./lib/bootstrap/js/bootstrap.min.js"></script> -->
<script src="./lib/validate/jquery.validate.js"></script>
<script src="./js/login.js"></script>

</html>